{%extends 'media_browser/admin/base.html'%}
{%block title%}Image Browser{%endblock%}
{% block breadcrumbs %}
<div class="breadcrumbs">
     Image Browser
</div>
{% endblock %}
{%block browser%}
<h2>Image browser</h2>
<ul class="object-tools">
    <li>
        <a class="viewsitelink" href="{%url media_browser_admin:image_search%}">Find image</a>            
    </li>
    <li>
        <a class="addlink" href="{%url admin:media_browser_image_add%}" target="_blank">Add image</a>
    </li>    
</ul>
<script type="text/javascript">
// Open tab to add new image:  
$(".object-tools .addlink").click(function (evt) {
    evt.preventDefault();
    var newWindow = window.open($(this).attr('href'), '_blank');
    newWindow.focus();
});
</script>
<p class="instructions"><strong>Instructions:</strong> Click an image to insert it, full size, into the text editor. To modify how the image will be positioned (e.g. centered or floated) select "Set Display Properties". To insert a smaller version of the image, select "Resize or Crop".</p>
{% include 'media_browser/admin/image_grid.html'%}
{% endblock %}
